html {
    background: @ini_background;
    color: @ini_text;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5
}

body {
    font-size: 100%
}

ul, p {
    margin-top: 0
}

li {
    margin: 5px 0
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.3125em;
    margin-top: 0
}

h1, .h1 {
    font-size: 160%;
    font-weight: 700
}

h2, .h2 {
    font-size: 140%
}

h3, .h3 {
    font-size: 125%
}

h4, .h4 {
    font-size: 108%
}

h5, .h5 {
    font-size: 16px;
    font-style: italic;
    font-weight: 100
}

a {
    color: @ini_link;
    text-decoration: none
}

a:hover {
    border-bottom: 1px @ini_link_hover dotted;
    color: @ini_link_hover
}

img {
    height: auto;
    max-width: 100%
}

input:active,
input:focus,
textarea:active,
textarea:focus,
select:active,
select:focus,
keygen:active,
keygen:focus {
    border-color: #999;
}
input[type=radio],
input[type=checkbox],
input[type=image] {
    padding: 0;
    border-style: none;
    box-shadow: none;
}

/**
* @author Anika Henke <anika@selfthinker.org>
*/

/* all types of buttons */
input[type=submit],
input[type=button],
input[type=reset],
input.button,
a.button,
button,
.qq-upload-button,
.detail-tools a {
    color: #333;
    background-color: #eee;
    background-image: url();
    .linear-gradient("top, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%");
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: .1em .5em;
    cursor: pointer;
}
#IE7 input.button,
#IE7 button {
    line-height: 1.4;
    overflow: visible;
}

input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:hover,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:hover,
input.button:hover,
input.button:active,
input.button:focus,
a.button:hover,
a.button:active,
a.button:focus,
button:hover,
button:active,
button:focus,
.qq-upload-button:hover,
.detail-tools a:hover {
    border-color: #999;
    background-color: #ddd;
    background-image:url();
    .linear-gradient("top, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%");
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
option[disabled],
input[readonly],
button[readonly],
select[readonly],
textarea[readonly] {
    cursor: auto;
    opacity: .5;
    background-color: #eee;
}
